<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>document</title>
	</head>
	<body>
		<div id="app">
			<p v-if="gender===1">性别：男</p>
			<p v-else>性别：女</p>
			<hr/>
			<p v-if="score>=90">成绩评定A:奖励电脑一台</p>
			<p v-else-if="score>=70">成绩评定B:奖励周末郊游</p>
			<p v-else-if="score>=60">成绩评定C:奖励零食礼包</p>
			<p v-else>成绩评定D:惩罚一周不能玩手机</p>
		</div>
		
		<script src="js/vue.js"></script>
		<script>
			const app = new Vue({
				el:'#app',
				data:{
					gender:2,
					score:80
				}
			})
		</script>
	</body>
</html>